.home .ceremony {
    .ceremonyTab {
        display: flex;
        width: 97%;
        justify-content: space-between;
        margin: -1.00rem auto 0;
        position: relative;
        align-items: center;

        li {
            width: 1.63rem;
            height: 1.47rem;
            background: url(../img/ceremony/tab1_n.png)top center no-repeat;
            background-size: 100% 100%;
            cursor: pointer;
            user-select: none;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;

            &.active {
                background: url(../img/ceremony/tab1.png)top center no-repeat;
                background-size: 100% 100%;
            }

            &.tabItem0,
            &.active1 {
                background: url(../img/ceremony/tab0_n.png)top center no-repeat;
                background-size: 100% 100%;

                p {
                    top: -.11rem !important;
                }
            }

            &.tabItem0.active {
                background: url(../img/ceremony/tab0.png)top center no-repeat;
                background-size: 100% 100%;
            }

            p {
                position: relative;

                &:first-child {
                    top: -.22rem;
                    font-size: .22rem;
                    font-weight: 600;
                    color: #FEFEFF;
                }

                &:nth-child(2) {
                    font-size: .16rem;
                    font-family: PingFangSC;
                    font-weight: 500;
                    color: #FFFFFF;
                    top: -.08rem;
                }
            }
        }

        .prev,
        .next {
            width: .3rem;
            height: .5rem;
            background: url(../img/ceremony/leg0/next.png)center center no-repeat;
            background-size: .26rem .43rem;
            flex-shrink: 0;

            &.active {
                background: url(../img/ceremony/leg0/next_n.png)center center no-repeat;
                background-size: .26rem .43rem;
                pointer-events: none;
            }
        }

        .prev {
            transform: rotate(180deg);
        }
    }

    .fixTab {
        position: absolute;
        width: 1.75rem;
        height: 1.72rem;
        background: url(../img/ceremony/fixTab.png)top center no-repeat;
        background-size: 100% 100%;
        top: 4.40rem;
        right: .20rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;

        p {
            width: 1.75rem;
            height: .5rem;
            cursor: pointer;
            user-select: none;
            border-radius: .19rem;
            background: url(../img/ceremony/fixAward-m.png)top center no-repeat;
            background-size: 100% 100%;

            &:first-child {
                margin-top: .16rem;
                background: url(../img/ceremony/fixRule-m.png)top center no-repeat;
                background-size: 100% 100%;

                &.active {
                    margin-top: -.34rem;
                }
            }
        }

        &.fixActive {
            background: url(../img/ceremony/fixTab_n.png)top center no-repeat;
            background-size: 100% 100%;

            p {
                position: relative;
                z-index: 2;

                &::before {
                    position: absolute;
                    content: '';
                    width: 1.75rem;
                    height: .28rem;
                    background: url(../img/ceremony/fixBefore.png)top center no-repeat;
                    background-size: 100% 100%;
                    top: .49rem;
                    left: 0;
                }
            }
        }
    }

    // 规则奖励弹窗
    .toast_box_box {

        .toast_box {
            .toast {
                .close {
                    background: url(../img/ceremony/close.png)center center no-repeat;
                    background-size: .15rem .15rem;
                    right: .10rem;
                    top: .50rem;
                }
            }
        }

        // 我的奖励
        .myAward {
            width: 6.04rem;
            height: 4.54rem;
            background: url(../img/ceremony/myAward-m.png)top center no-repeat;
            background-size: 100% 100%;

            .toast {
                .info {
                    width: 4.6rem;
                    height: .40rem;
                    background: #FF6A67;
                    border-radius: .2rem;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    margin: .90rem auto 0;

                    p {
                        flex: 1;
                        text-align: center;
                        font-size: .24rem;
                        color: #FFFFFF;
                        line-height: .40rem;
                    }
                }

                .awardListBox {
                    width: 5.80rem;
                    height: 2.80rem;
                    background: rgba(255, 255, 255, 0.5);
                    border-radius: .20rem;
                    margin: .20rem auto 0;
                    overflow: hidden;

                    div {
                        width: 5.60rem;
                        display: flex;
                        margin: .10rem auto .05rem;

                        p {
                            flex: 1;
                            text-align: center;
                            font-size: .2rem;
                            color: #676767;
                            line-height: .32rem;
                        }
                    }

                    .awardList {
                        margin: 0rem auto 0;
                        overflow-y: auto;
                        position: relative;
                        max-height: 2.2rem;
                        width: 5.60rem;

                        li {
                            width: 100%;
                            background: #EBE1F3;
                            display: flex;
                            margin: 0rem auto .05rem;

                            p {
                                flex: 1;
                                text-align: center;
                                font-size: .2rem;
                                color: #676767;
                                line-height: .32rem;
                                display: flex;
                                align-items: center;
                                justify-content: center;
                            }
                        }

                        .empty-data {
                            margin: .8rem auto 0;
                            justify-content: center;
                        }
                    }
                }

            }
        }

        // 报名赛规则
        .leg1 {
            width: 6.04rem;
            height: 4.54rem;
            background: url(../img/ceremony/leg1/rule-m.png)top center no-repeat;
            background-size: 100% 100%;

            .toast {
                .ruleBox {
                    width: 100%;
                    margin-top: .9rem;
                    height: 3.5rem;
                    overflow-y: auto;
                    overflow-x: hidden;

                    div {
                        width: 5.40rem;
                        padding: .1rem 0;
                        background: rgba(255, 255, 255, 0.5);
                        border-radius: .20rem;
                        display: flex;
                        flex-direction: column;
                        margin: .10rem auto 0;

                        p {
                            flex-shrink: 0;
                            font-size: .22rem;
                            color: #676767;
                            line-height: .32rem;
                            margin: .10rem 0 0 .30rem;
                            width: 90%;

                            &:first-child {
                                width: 1.20rem;
                                height: .36rem;
                                background: #B972F1;
                                border-radius: .18rem;
                                font-size: .22rem;
                                text-align: center;
                                font-weight: 600;
                                color: #FFFFFF;
                                line-height: .36rem;
                                margin-left: .10rem;
                            }

                            i {
                                color: #FF6262;
                            }
                        }

                        &:nth-child(1) {
                            flex-direction: row;

                            p {
                                line-height: .36rem;
                                margin-top: 0;
                            }
                        }

                        .ruleList {
                            li {
                                width: 4.95rem;
                                background: #E3E9F3;
                                border-radius: .10rem;
                                display: flex;
                                align-items: center;
                                margin: .1rem auto 0;
                                font-size: .22rem;
                                line-height: .32rem;
                                color: #676767;

                                span {
                                    width: 0;
                                    height: 0;
                                    border: .10rem solid;
                                    border-color: transparent transparent transparent #B972F1;
                                }
                            }
                        }
                    }
                }
            }
        }

        .leg3,.leg4 {
            .toast .ruleBox {
                div:nth-child(1) p:first-child {
                    width: 1.5rem;
                }

                .cycleBox {
                    width: 5.2rem;
                    height: 3.2rem;
                    background: #E3E9F3;
                    border-radius: .10rem;
                    padding: 0;

                    p {
                        margin-top: 0;
                        margin-bottom: .05rem;
                    }

                    .cycleTitle {
                        background: none;
                        width: 100%;
                        font-size: .24rem;
                        font-family: eryaxindahei;
                        font-weight: 600;
                        color: #B972F1;
                        display: flex;
                        align-items: center;
                        margin: 0;

                        span {
                            width: 0;
                            height: 0;
                            border: .12rem solid;
                            border-color: transparent transparent transparent #B972F1;
                        }
                    }

                    .cycleList {
                        li {
                            width: 4.70rem;
                            // padding-left: .10rem;
                            padding: .03rem 0 .03rem .1rem;
                            // height: .30rem;
                            background: #A68AF6;
                            border-radius: .06rem;
                            font-size: .2rem;
                            line-height: .26rem;
                            color: #FFFFFF;
                            margin: .05rem auto 0;
                        }
                    }
                }
            }

        }
        .leg3{
            .toast{
                .ruleBox{
                    .cycleBox{
                        height: auto;
                        .table{
                            width: 4.6rem;
                            margin-bottom: 0.1rem;
                            background-color: #F5F9FE;
                            overflow: hidden;
                            font-size: 0.2rem;
                            .til,.item{
                                width: 4.4rem;
                                display: flex;
                                flex-direction: row;
                                justify-content: space-around;
                                color: #6b6b6b;
                                background: none;
                                line-height: 0.3rem;
                                padding: 0;
                                span{
                                    width: 33%;
                                    text-align: center;
                                }
                            }
                            .item{
                                border-top: 1px solid #E2E9F3;
                            }
                        }
                    }
                }
            }
        }
    }

    // 联赛秘籍
    .leg0 {
        .giftBox {
            width: 6.9rem;
            height: 5.53rem;
            background: url(../img/ceremony/leg0/gift-m.png)top center no-repeat;
            background-size: 100% 100%;
            margin: .60rem auto 0;
            display: flex;
            flex-direction: column;
            align-items: center;

            .intro {
                width: 100%;
                font-size: .2rem;
                text-align: center;
                color: #6B6B6B;
                margin-top: 1.2rem;
            }

            .gifts {
                display: flex;
                align-items: center;
                justify-content: center;
                flex-direction: column;
                margin-top: .20rem;

                .giftItem {
                    width: 6.2rem;
                    height: 1.5rem;
                    background: rgba(255, 255, 255, 0.5);
                    border-radius: .20rem;
                    display: flex;
                    align-items: center;
                    margin: .05rem 0rem;

                    .giftTop {
                        width: 3.80rem;
                        height: 1.30rem;
                        background: #E3E9F3;
                        border-radius: .1rem .65rem .65rem .1rem;
                        display: flex;
                        align-items: center;
                        justify-content: flex-start;
                        margin-left: .10rem;

                        div {
                            width: .93rem;
                            height: 1.00rem;
                            background: url(../img/welfare/giftBg.png)top center no-repeat;
                            background-size: 100% 100%;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            flex-shrink: 0;
                            margin-left: .1rem;

                            img {
                                width: 80%;
                                height: 80%;
                            }
                        }

                        p {
                            display: flex;
                            flex-direction: column;
                            margin-left: .10rem;

                            span {
                                font-size: .2rem;
                                color: #570D9C;
                                line-height: .32rem;

                                &:first-child {
                                    font-size: .22rem;
                                    font-weight: 600;
                                }
                            }
                        }
                    }

                    .giftBottom {
                        font-size: .2rem;
                        color: #6B6B6B;
                        line-height: .3rem;
                        display: flex;
                        align-items: center;
                        flex-direction: column;
                        margin-left: .20rem;

                        span {
                            font-size: .28rem;
                            font-weight: 600;
                            font-style: italic;
                            color: #FF6969;
                        }
                    }
                }
            }
        }

        .pkBox {
            width: 6.9rem;
            height: 13.23rem;
            background: url(../img/ceremony/leg0/pk-m.png)top center no-repeat;
            background-size: 100% 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
            margin: .20rem auto 0;

            .pkTop {
                display: flex;
                margin-top: 1.10rem;
                flex-direction: column;

                .pkTopItem {
                    width: 6.20rem;
                    height: 2.20rem;
                    background: rgba(255, 255, 255, 0.5);
                    border-radius: .20rem;
                    display: flex;
                    align-items: center;

                    div:first-child {
                        width: 3rem;
                        height: 2.00rem;
                        background: #E3E9F3;
                        border-radius: .10rem;
                        margin-left: .10rem;
                        flex-shrink: 0;
                        display: flex;
                        align-items: center;
                        justify-content: space-around;
                        img{
                            width: 1.82rem;
                        }
                    }

                    div:nth-child(2) {
                        display: flex;
                        flex-direction: column;
                        align-items: center;
                        flex: 1;

                        p:first-child {
                            font-size: .28rem;
                            font-weight: 600;
                            color: #570D9C;
                            display: flex;
                            align-items: center;

                            span {
                                width: .26rem;
                                height: .26rem;
                                background: #C573F3;
                                border-radius: 50%;
                                font-size: .28rem;
                                text-align: center;
                                line-height: .26rem;
                                color: #FFF;
                                margin: 0 .03rem;
                            }
                        }

                        p:nth-child(2) {
                            margin-top: .10rem;
                            font-size: .22rem;
                            color: #6B6B6B;
                        }
                    }
                }

                .pkTopItem2 {
                    margin-top: .10rem;

                    div:first-child {
                        width: 3.70rem;
                    }

                    div:nth-child(2) {
                        p {
                            width: 55%;
                            justify-content: center;
                        }

                        p:nth-child(2) {
                            text-align: left;
                        }
                    }
                }
            }

            .pkTop2 {
                margin-top: .15rem;

                .pkTopItem {
                    width: 6.20rem;
                    height: 2.20rem;
                    flex-direction: row;

                    div:first-child {
                        margin-top: 0rem;
                        margin-left: .10rem;
                    }

                    div:nth-child(2) {
                        margin-left: .30rem;
                    }
                }
            }

            .playIntro {
                width: 6.20rem;
                height: 4.50rem;
                background: rgba(255, 255, 255, 0.5);
                border-radius: .20rem;
                position: relative;
                margin-top: .20rem;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;

                .title {
                    width: 2.8rem;
                    height: .36rem;
                    background: #EF6CF8;
                    border-radius: 0rem 0rem .22rem .22rem;
                    position: absolute;
                    top: 0;
                    left: 50%;
                    transform: translate(-50%, 0);
                    font-size: .28rem;
                    text-align: center;
                    font-weight: 600;
                    color: #F5F3FF;
                    line-height: .36rem;
                }

                .introItem {
                    width: 90%;
                    margin: 0.1rem auto 0;
                    font-size: .2rem;
                    color: #6B6B6B;
                    line-height: .30rem;
                    display: flex;

                    span {
                        width: .22rem;
                        height: .22rem;
                        background: #C573F3;
                        border-radius: 50%;
                        line-height: .22rem;
                        font-size: .22rem;
                        font-weight: 600;
                        color: #FFFFFF;
                        flex-shrink: 0;
                        text-align: center;
                        margin: .04rem .10rem 0 0;
                    }
                }
            }
        }

        .pkTips {
            width: 6.9rem;
            height: 3.24rem;
            background: url(../img/ceremony/leg0/tip-m.png)top center no-repeat;
            background-size: 100% 100%;

            .playIntro {
                height: 2.40rem;
                margin-top: .40rem;
            }
        }
    }

    // 报名赛
    .leg1 {
        .topRule {
            width: 6.86rem;
            height: 1.5rem;
            background: url(../img/ceremony/leg1/leg1Top.png)top center no-repeat;
            background-size: 100% 100%;
            margin: .60rem auto 0;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;

            p {
                width: 5.60rem;
                height: .4rem;
                background: rgba(255, 255, 255, 0.5);
                border-radius: .15rem;
                text-align: center;
                line-height: .4rem;

                &:first-child {
                    font-size: .26rem;
                    color: #B059F7;

                    span {
                        font-size: .22rem;
                        font-weight: bold;
                        display: inline-block;
                        margin-right: .10rem;
                    }
                }

                &:nth-child(2) {
                    font-size: .22rem;
                    color: #6B6B6B;
                    margin-top: .10rem;
                }
            }
        }

        .bottomList {
            width: 6.86rem;
            height: 12.5rem;
            padding-top: .01rem;
            background: url(../img/ceremony/leg1/rank.png)top center no-repeat;
            background-size: 100% 100%;
            margin: 1.00rem auto 0;
            position: relative;

            .infoBox {
                width: 6.24rem;
                height: 1.24rem;
                background: url(../img/ceremony/leg1/info.png)top center no-repeat;
                background-size: 100% 100%;
                position: absolute;
                left: 50%;
                top: -.60rem;
                transform: translate(-50%, 0);
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;

                .info {
                    display: flex;
                    width: 70%;

                    p {
                        flex: 1;
                        font-size: .22rem;
                        color: #6B6B6B;
                        text-align: center;

                        &:first-child {
                            font-size: .24rem;
                            font-family: eryaxindahei;
                            font-weight: bold;
                            color: #B059F7;
                        }
                    }
                }

                .progressBox {
                    display: flex;
                    align-items: center;
                    margin-top: .15rem;

                    .success {
                        font-size: .24rem;
                        font-family: PingFangSC;
                        font-weight: 600;
                        color: #ff6969;
                        font-style: italic;
                    }

                    p {
                        &:first-child {
                            font-size: .2rem;
                            font-family: PingFangSC;
                            font-weight: 400;
                            color: #6B6B6B;
                            margin-right: .10rem;
                        }

                        &:nth-child(2) {
                            width: 3.30rem;
                            height: .4rem;
                            background: rgba(255, 255, 255, 0.5);
                            border-radius: .2rem;
                            position: relative;
                            overflow: hidden;

                            span:first-child {
                                position: absolute;
                                top: 0;
                                left: 0;
                                height: 100%;
                                // width: 100%;
                                background: #B059F7;
                            }

                            span:nth-child(2) {
                                width: 1rem;
                                height: .24rem;
                                background: rgba(0, 0, 0, 0.3);
                                border-radius: .12rem;
                                position: absolute;
                                right: .05rem;
                                top: 50%;
                                transform: translate(0, -50%);
                                z-index: 2;
                                line-height: .24rem;
                                text-align: center;
                                font-size: .2rem;
                                color: #FFFFFF;
                            }
                        }
                    }
                }
            }

            .listBox {
                width: 6.54rem;
                height: 11.14rem;
                background: url(../img/ceremony/leg1/rank2-m.png)top center no-repeat;
                background-size: 100% 100%;
                margin: .90rem auto 0;
                display: flex;
                align-items: center;
                flex-direction: column;
                position: relative;

                .page-more {
                    position: absolute;
                    bottom: .50rem;
                    left: 50%;
                    transform: translate(-50%, 0);
                }
            }
        }
    }

    .rankList {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        width: 6.54rem;
        max-height: 8.9rem;
        margin-top: 1.2rem;

        .empty-data {
            margin: 2.8rem auto;
        }

        li {
            width: 3.1rem;
            height: 1.04rem;
            background: url(../img/ceremony/leg1/item-m.png)top center no-repeat;
            background-size: 100% 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: .05rem;
            position: relative;
            margin: 0 .08rem .4rem;

            .headImg {
                width: .7rem;
                height: .7rem;
                background: #F1D8C4;
                border: .03rem solid #FAF4FF;
                border-radius: 50%;
            }

            .online {
                width: .17rem;
                height: .17rem;
                position: absolute;
                top: 0.7rem;
                left: 1.1rem;
            }

            p {
                display: flex;
                flex-direction: column;
                width: 1.2rem;
                margin-left: .05rem;

                span {
                    width: 100%;
                    text-align: center;
                    font-size: .22rem;
                    color: #FFFFFF;

                    &:first-child {
                        font-size: .26rem;
                        font-weight: bold;
                        margin-bottom: .05rem;
                    }
                }
            }

            i {
                display: block;
                min-width: .22rem;
                padding: 0 .02rem;
                height: .24rem;
                background: linear-gradient(0deg, #FEF4BA, #FFFCCE);
                border-radius: .14rem 0rem .14rem 0rem;
                position: absolute;
                top: 0;
                left: .11rem;
                font-size: .2rem;
                text-align: center;
                line-height: .24rem;
                color: #FF8004;
            }
        }
    }

    .leg2 {
        .tab {
            width: 6.86rem;
            height: 1.00rem;
            background: #A194F8;
            border-radius: .20rem;
            margin: .40rem auto 0;
            display: flex;
            justify-content: center;
            align-items: center;

            li {
                width: 1.80rem;
                height: .72rem;
                background: url(../img/ceremony/leg2/tab.png)top center no-repeat;
                background-size: 100% 100%;
                cursor: pointer;
                user-select: none;
                font-size: .30rem;
                text-align: center;
                font-weight: 600;
                color: #F5F4FF;
                line-height: .72rem;

                &:nth-child(2),
                &:nth-child(3) {
                    background: url(../img/ceremony/leg2/tab1.png)top center no-repeat;
                    background-size: 100% 100%;
                }

                &.active {
                    background: url(../img/ceremony/leg2/tab_a.png)top center no-repeat;
                    background-size: 100% 100%;
                    color: #FFFEB0;
                }

                &:nth-child(2),
                &:nth-child(3) {
                    &.active {
                        background: url(../img/ceremony/leg2/tab1_a.png)top center no-repeat;
                        background-size: 100% 100%;
                        color: #FFFEB0;
                    }
                }

            }
        }

        .content {
            width: 6.86rem;
            padding-bottom: .40rem;
            background: url(../img/ceremony/leg1/rank.png)top center no-repeat;
            background-size: 100% 100%;
            margin: .30rem auto 0;
            overflow: hidden;

            .rule {
                width: 6.4rem;
                height: 1.30rem;
                background: rgba(255, 255, 255, 0.5);
                border-radius: .20rem;
                display: flex;
                align-items: center;
                justify-content: center;
                flex-direction: column;
                text-align: center;
                margin: .40rem auto 0;

                p {
                    font-size: .22rem;
                    color: #6B6B6B;
                    line-height: .22rem;

                    &:first-child {
                        width: 100%;
                    }

                    &:nth-child(2) {
                        width: 6rem;
                        height: .46rem;
                        background: #E3E9F3;
                        border-radius: .23rem;
                        margin-top: .15rem;
                        line-height: .46rem;

                        span {
                            font-size: .30rem;
                            display: inline-block;
                            font-weight: 600;
                            font-style: italic;
                            color: #FF6969;
                            margin: 0 .10rem;
                            line-height: .46rem;
                        }
                    }
                }
            }

            .rankBox_box {
                width: 6.4rem;
                padding: .02rem 0;
                margin: .60rem auto 0;
                border-radius: .20rem;
                background: linear-gradient(0deg, #EFBF63, #FBEFC6);
                display: flex;
                align-items: center;
                justify-content: center;

                .rankBox {
                    width: 6.36rem;
                    // height: 696rem;
                    background: #f5f3ff;
                    border-radius: .20rem;

                    .rankScore {
                        position: relative;

                        .goTop {
                            width: .2rem;
                            height: .2rem;
                            background: url(../img/goTop.png)center center no-repeat;
                            background-size: .16rem .1rem;
                            top: .3rem;
                            right: -.07rem;
                            position: absolute;
                            cursor: pointer;
                        }

                        .rankTh {
                            width: 6.00rem;
                            display: flex;
                            margin: .20rem auto 0;

                            p {
                                flex: 1;
                                text-align: center;
                                font-size: .2rem;
                                color: #6B6B6B;
                                line-height: .4rem;
                            }

                            p:nth-child(4) {
                                flex: none;
                                width: 2.00rem;
                            }
                        }

                        .rank {
                            height: 5.00rem;
                            overflow-y: auto;

                            .empty-data {
                                margin: 1.7rem auto;
                            }

                            .rankTh {
                                background: #E3E9F3;
                                border-radius: .2rem;

                                p {
                                    font-size: .22rem;

                                    &:first-child {
                                        font-size: .28rem;
                                        font-weight: 600;
                                        color: #000000;
                                    }

                                    &:nth-child(4) {
                                        background: #BF72FD;
                                        border-radius: .2rem;
                                        color: #FFFFFF;
                                    }
                                }

                                &.active {
                                    background: #E0E0E0;

                                    p:nth-child(4) {
                                        background: #949494;
                                    }
                                }
                            }

                            .cutLine {
                                font-size: .2rem;
                                font-family: PangMenZhengDao;
                                font-weight: 600;
                                color: #686868;
                                width: 100%;
                                text-align: center;
                                margin: .20rem 0 .20rem;
                                position: relative;

                                &::before,
                                &::after {
                                    width: 2.00rem;
                                    height: .01rem;
                                    background: #E0E0E0;
                                    position: absolute;
                                    top: .12rem;
                                    left: .2rem;
                                    content: '';
                                }

                                &::after {
                                    left: unset;
                                    right: .20rem;
                                }
                            }
                        }

                        .myScore {
                            width: 6.97rem;
                            height: 1.20rem;
                            background: #FAD97D;
                            margin-top: .20rem;
                            position: relative;
                            left: -.37rem;
                            display: flex;
                            align-items: center;
                            justify-content: center;

                            div:first-child {
                                font-size: .24rem;
                                font-family: eryaxindahei;
                                font-weight: 600;
                                color: #E8A03A;
                                text-align: center;
                            }

                            div:nth-child(2) {
                                width: 0;
                                height: 0;
                                border: .13rem solid;
                                border-color: transparent transparent transparent #EFB056;
                                margin-left: .10rem;
                            }

                            div:nth-child(3) {
                                display: flex;
                                align-items: center;
                                width: 5.4rem;
                                height: 1rem;
                                background: #EFB056;
                                box-shadow: 0rem 0rem .06rem 0rem rgba(239, 176, 86, 0.6);
                                border-radius: .06rem;

                                p {
                                    flex: 1;
                                    display: flex;
                                    flex-direction: column;
                                    justify-content: space-between;
                                    align-items: center;
                                    height: 80%;
                                    border-left: .01rem solid #FFE8A6;
                                    flex-shrink: 0;

                                    &:first-child {
                                        border: none;

                                        span:nth-child(2) {
                                            font-size: .30rem;
                                            font-family: PangMenZhengDao;
                                            font-weight: 600;
                                            color: #FFFFFF;
                                        }
                                    }

                                    span {
                                        color: #FFFFFF;
                                        font-size: .2rem;
                                        width: 1.2rem;
                                        text-align: center;

                                        &:nth-child(2) {
                                            font-size: .22rem;
                                            line-height: .45rem;
                                        }
                                    }
                                }
                            }
                        }
                    }

                    .rankAward {
                        .awardRule {
                            margin: .40rem auto 0;
                            font-size: .22rem;
                            text-align: center;
                            width: 100%;
                            color: #6B6B6B;
                        }

                        .awardImg {
                            width: 6.00rem;
                            height: 1.8rem;
                            background: url(../img/ceremony/leg2/award.png)top center no-repeat;
                            background-size: 100% 100%;
                            margin: .20rem auto;
                            display: flex;
                            align-items: center;
                            justify-content: space-around;

                            div {

                                &:first-child,
                                &:nth-child(3) {
                                    display: flex;
                                    flex-direction: column;
                                    align-items: center;
                                    justify-content: center;

                                    p {
                                        &:first-child {
                                            width: .88rem;
                                            height: .88rem;
                                            background: url(../img/list/user/giftBg.png)top center no-repeat;
                                            background-size: 100% 100%;
                                            display: flex;
                                            align-items: center;
                                            justify-content: center;

                                            img {
                                                width: 80%;
                                                height: 80%;
                                            }
                                        }

                                        &:nth-child(2) {
                                            width: 2rem;
                                            text-align: center;
                                            font-size: .2rem;
                                            margin-top: .10rem;
                                            color: #6C6C6C;

                                            span {
                                                color: #FF6969;
                                            }
                                        }
                                    }
                                }

                                &:nth-child(2) {
                                    width: .53rem;
                                    height: .78rem;
                                    background: url(../img/ceremony/leg2/awardTxt.png)top center no-repeat;
                                    background-size: 100% 100%;
                                    font-size: .22rem;
                                    text-align: center;
                                    color: #0D0D0D;
                                    line-height: .78rem;
                                    left: -0.15rem;
                                    position: relative;
                                }
                            }
                        }

                        .awardInfo {
                            width: 6.00rem;
                            height: 1.2rem;
                            background: #E3E9F3;
                            border-radius: .12rem;
                            display: flex;
                            flex-direction: column;
                            align-items: center;
                            justify-content: center;
                            margin: 0 auto .40rem;

                            li {
                                margin: 0 auto;
                                width: 95%;
                                display: flex;
                                height: .5rem;

                                p {
                                    flex: 1;
                                    text-align: center;
                                    font-size: .22rem;
                                    color: #6B6B6B;
                                    line-height: .5rem;
                                }

                                &:first-child {
                                    border-bottom: .01rem solid #F5F3FF;

                                    p {
                                        font-size: .2rem;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    .leg3{
        .tab {
            position: relative;
            width: 7.5rem;
            height: 1rem;
            background: #A194F8;
            // border-radius: 0.2rem;
            margin: 0.4rem auto 0;
            overflow: scroll;
            .pre{
                position: absolute;
                top: 0.3rem;
                left: 0;
                width: 0.27rem;
                height: 0.34rem;
                background: url(../img/ceremony/leg3/pre.png)top center no-repeat;
                background-size: 100% 100%;
                cursor: pointer;
                &:active{
                    background: url(../img/ceremony/leg3/pre-h.png)top center no-repeat;
                    background-size: 100% 100%;
                }
            }
            .next{
                position: absolute;
                top: 0.3rem;
                right: 0;
                width: 0.27rem;
                height: 0.34rem;
                background: url(../img/ceremony/leg3/next.png)top center no-repeat;
                background-size: 100% 100%;
                cursor: pointer;
                &:active{
                    background: url(../img/ceremony/leg3/next-h.png)top center no-repeat;
                    background-size: 100% 100%;
                }
            }
            .tabWrap{
                width: 6.8rem;
                height: 1rem;
                margin: 0 auto;
                overflow-x: scroll;
                overflow-y: hidden;
                .list{
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    width: 10.8rem;
                    height: 1rem;
                }
            }
            li {
                width: 1.8rem;
                height: 0.72rem;
                background: url(../img/ceremony/leg2/tab.png)top center no-repeat;
                background-size: 100% 100%;
                cursor: pointer;
                user-select: none;
                font-size: 0.3rem;
                text-align: center;
                font-weight: 600;
                color: #F5F4FF;
                line-height: 0.72rem;

                &:nth-child(2),
                &:nth-child(3) {
                    background: url(../img/ceremony/leg2/tab1.png)top center no-repeat;
                    background-size: 100% 100%;
                }

                &.active {
                    background: url(../img/ceremony/leg2/tab_a.png)top center no-repeat;
                    background-size: 100% 100%;
                    color: #FFFEB0;
                }

                &:nth-child(2),
                &:nth-child(3) {
                    &.active {
                        background: url(../img/ceremony/leg2/tab1_a.png)top center no-repeat;
                        background-size: 100% 100%;
                        color: #FFFEB0;
                    }
                }

            }
        }
        .content {
            width: 6.9rem;
            padding-bottom: 0.1rem;
            min-height: 7.5rem;
            background: url(../img/ceremony/leg1/rank.png)top center no-repeat;
            background-size: 100% 100%;
            margin: 0.3rem auto 0;
            overflow: hidden;

            .rule {
                width: 6.4rem;
                height: 1.3rem;
                background: rgba(255, 255, 255, 0.5);
                border-radius: 0.2rem;
                display: flex;
                align-items: center;
                justify-content: center;
                flex-direction: column;
                text-align: center;
                margin: 0.4rem auto 0;

                p {
                    width: 85%;
                    text-align: left;
                    font-size: 0.22rem;
                    color: #6B6B6B;
                    line-height: 0.35rem;
                    span {
                        color: #FF6969;
                    }

                }
            }

            .rankBox_box {
                width: 6.4rem;
                min-height: 4.56rem;
                margin: 0.6rem auto 0;
                border-radius: 0.2rem;
                background: linear-gradient(0deg, #EFBF63, #FBEFC6);
                display: flex;
                align-items: center;
                justify-content: center;

                .rankBox {
                    width: 6.36rem;
                    min-height: 4.56rem;
                    background: #f5f3ff;
                    border-radius: 0.2rem;

                    .rankTab {
                        width: 90%;
                        display: flex;
                        align-items: center;
                        justify-content: space-between;
                        position: relative;
                        margin: -0.28rem auto 0.4rem;

                        p {
                            width: 3.68rem;
                            height: 0.22rem;
                            background: url(../img/ceremony/leg2/border.png)top center no-repeat;
                            background-size: 100% 100%;
                            position: absolute;
                            top: 50%;
                            left: 50%;
                            transform: translate(-50%, -50%);
                        }

                        li {
                            width: 2.2rem;
                            height: 0.56rem;
                            background: url(../img/ceremony/leg2/tab2_a.png)top center no-repeat;
                            background-size: 100% 100%;
                            cursor: pointer;
                            user-select: none;
                            position: relative;
                            z-index: 2;
                            font-size: 0.28rem;
                            text-align: center;
                            font-weight: 600;
                            color: #F5F4FD;
                            line-height: 0.56rem;

                            &.active {
                                background: url(../img/ceremony/leg2/tab2.png)top center no-repeat;
                                background-size: 100% 100%;
                            }
                        }
                    }
                    .winRank{
                        position: relative;
                        width: 6rem;
                        // height: 6.27rem;
                        margin: 0 auto;
                        .til{
                            display: flex;
                            justify-content: space-around;
                            font-size: 0.2rem;
                            color: #6b6b6b;
                            text-align: center;
                            .rankNum{
                                width: 20%;
                            }
                            .nick{
                                width: 25%;
                            }
                            .uid{
                                width: 20%;
                            }
                            .wins{
                                width: 35%;
                            }
                        }
                        .list{
                            height: 5rem;
                            padding: 0 0.05rem 0.15rem 0;
                            overflow-x: hidden;
                            overflow-y: scroll;
                            .item{
                                .itemWrap{
                                    display: flex;
                                    justify-content: space-around;
                                    height: 0.4rem;
                                    margin-top: 0.22rem;
                                    background-color: #E2E9F3;
                                    border-radius: 0.13rem;
                                    line-height: 0.4rem;
                                    font-size: 0.22rem;
                                    color: #6b6b6b;
                                    text-align: center;
                                    .rankNum{
                                        width: 20%;
                                        color: #000;
                                    }
                                    .nick{
                                        width: 25%;
                                    }
                                    .uid{
                                        width: 20%;
                                    }
                                    .wins{
                                        width: 35%;
                                        background-color: #C86DFF;
                                        border-radius: 0.2rem;
                                        color: #fff;
                                    }
                                    &.grey{
                                        background-color: #E0E0E0;
                                        .wins{
                                            background-color: #949494;
                                        }
                                    }
                                }
                                .devideLine{
                                    display: flex;
                                    align-items: center;
                                    justify-content: space-around;
                                    width: 6rem;
                                    margin-top: 0.22rem;
                                    font-size: 0.2rem;
                                    color: #686868;
                                    span{
                                        width: 2rem;
                                        height: 1px;
                                        background-color: #E0E0E0;
                                        vertical-align: middle;
                                    }
                                }
                            }
                        }
                        .goTop{
                            width: 0.2rem;
                            height: 0.2rem;
                            background: url(../img/goTop.png) center center no-repeat;
                            background-size: 0.15rem 0.1rem;
                            top: 0.3rem;
                            right: -0.07rem;
                            position: absolute;
                            cursor: pointer;
                        }
                        .myRank{
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            width: 7.4rem;
                            height: 1.2rem;
                            margin-left: -0.7rem;
                            background-color: #FED772;
                            .til{
                                display: flex;
                                justify-content: center;
                                align-items: center;
                                span{
                                    font-size: 0.25rem;
                                    font-weight: bold;
                                    color: #e8a03a;
                                }
                                i{
                                    height: 0;
                                    margin: 0 0.1rem;
                                    border-width: 0.15rem;
                                    border-color: transparent transparent transparent #F6AC48;
                                    border-style: solid;
                                }
                            }
                            .myInfo{
                                width: 5.4rem;
                                height: 1rem;
                                background: #F6AC48;
                                border-radius: 0.05rem;
                                display: flex;
                                justify-content: center;
                                align-items: center;
                                >div{
                                    width: 24%;
                                    border-right: 1px solid #fff;
                                    &:last-child{
                                        border: none;
                                    }
                                    .til{
                                        font-size: 0.2rem;
                                        color: #fff;
                                        line-height: 0.4rem;
                                    }
                                    .val{
                                        font-size: 0.2rem;
                                        text-align: center;
                                    }
                                }
                                .rank{
                                    .val{
                                        font-size: 0.3rem;
                                        line-height: 0.2rem;
                                    }
                                }
                            }
                        }
                    }
                    .rankAward {
                        .awardRule {
                            margin: 0.4rem auto 0;
                            font-size: 0.2rem;
                            text-align: center;
                            width: 100%;
                            color: #6B6B6B;
                        }

                        .awardImg {
                            width: 6rem;
                            height: 1.84rem;
                            background: url(../img/ceremony/leg2/award.png)top center no-repeat;
                            background-size: 100% 100%;
                            margin: 0.2rem auto;
                            display: flex;
                            align-items: center;
                            justify-content: space-around;

                            div {

                                &:first-child,
                                &:nth-child(3) {
                                    display: flex;
                                    flex-direction: column;
                                    align-items: center;
                                    justify-content: center;

                                    p {
                                        &:first-child {
                                            width: 0.88rem;
                                            height: 0.88rem;
                                            background: url(../img/list/user/giftBg.png)top center no-repeat;
                                            background-size: 100% 100%;
                                            display: flex;
                                            align-items: center;
                                            justify-content: center;

                                            img {
                                                width: 60%;
                                                height: 60%;
                                            }
                                        }

                                        &.pkWins{
                                            width: 1.07rem;
                                            height: 1.07rem;
                                            background: url(../img/ceremony/leg3/PK.png)top center no-repeat;
                                            background-size: 100% 100%; 
                                        }

                                        &:nth-child(2) {
                                            font-size: 0.2rem;
                                            margin-top: 0.1rem;
                                            color: #6C6C6C;

                                            span {
                                                color: #FF6969;
                                            }
                                        }
                                        &.pkTips{
                                            margin-top: -.05rem;
                                        }
                                    }
                                }

                                &:nth-child(2) {
                                    width: 0.53rem;
                                    height: 0.78rem;
                                    background: url(../img/ceremony/leg2/awardTxt.png)top center no-repeat;
                                    background-size: 100% 100%;
                                    font-size: 0.2rem;
                                    text-align: center;
                                    color: #0D0D0D;
                                    line-height: 0.78rem;
                                    margin-left: -0.7rem;
                                }
                            }
                        }

                        .awardInfo {
                            width: 6rem;
                            height: 0.8rem;
                            background: #E3E9F3;
                            border-radius: 0.12rem;
                            display: flex;
                            flex-direction: column;
                            align-items: center;
                            justify-content: center;
                            margin: 0 auto 0.4rem;

                            li {
                                margin: 0 auto;
                                width: 95%;
                                display: flex;
                                height: 0.35rem;

                                p {
                                    flex: 1;
                                    text-align: center;
                                    font-size: 0.22rem;
                                    color: #6B6B6B;
                                    line-height: 0.35rem;
                                }

                                &:first-child {
                                    border-bottom: 1px solid #F5F3FF;

                                    p {
                                        font-size: 0.2rem;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
        .content2 {
            width: 6.9rem;
            min-height: 4.5rem;
            padding-bottom: 0.2rem;
            background: url(../img/ceremony/leg1/rank.png)top center no-repeat;
            background-size: 100% 100%;
            margin: 0.3rem auto 0;
            overflow: hidden;
            .goTop{
                width: 0.2rem;
                height: 0.2rem;
                background: url(../img/goTop.png) center center no-repeat;
                background-size: 0.15rem 0.1rem;
                top: 0rem;
                right: -0.07rem;
                position: absolute;
                cursor: pointer;
            }
            .tab1{
                display: flex;
                justify-content: center;
                align-items: center;
                .item{
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    flex-wrap: wrap;
                    width: 0.65rem;
                    height: 0.93rem;
                    line-height: 0.4rem;
                    margin: 0 0.13rem;
                    padding: 0 0.25rem 0.2rem;
                    font-size: 0.3rem;
                    font-weight: bold;
                    background: url(../img/ceremony/leg3/tab1.png) top center no-repeat;
                    background-size: 100% 100%;
                    cursor: pointer;
                    &.cur{
                        color: #e5722c;
                        background: url(../img/ceremony/leg3/tab1-h.png) top center no-repeat;
                        background-size: 100% 100%;
                    }
                    &.short{
                        span{
                            line-height: 0.15rem;
                            font-size: 0.15rem;
                        }
                    }
                }
            }
            .fenzu{
                position: relative;
                width: 6.7rem;
                padding: 0.02rem 0;
                margin: 0.6rem auto 0;
                border-radius: 0.2rem;
                background: linear-gradient(0deg, #EFBF63, #FBEFC6);
                display: flex;
                align-items: center;
                justify-content: center;
                .fenzu_box{
                    width: 6.66rem;
                    padding-bottom: 0.2rem;
                    min-height: 5rem;
                    background: #f5f3ff;
                    border-radius: 0.2rem;
                    .rankTab {
                        width: 90%;
                        display: flex;
                        align-items: center;
                        justify-content: space-between;
                        position: relative;
                        margin: -0.28rem auto 0.4rem;

                        p {
                            width: 3.68rem;
                            height: 0.22rem;
                            background: url(../img/ceremony/leg2/border.png)top center no-repeat;
                            background-size: 100% 100%;
                            position: absolute;
                            top: 50%;
                            left: 50%;
                            transform: translate(-50%, -50%);
                        }

                        li {
                            width: 2.2rem;
                            height: 0.56rem;
                            background: url(../img/ceremony/leg2/tab2_a.png)top center no-repeat;
                            background-size: 100% 100%;
                            cursor: pointer;
                            user-select: none;
                            position: relative;
                            z-index: 2;
                            font-size: 0.22rem;
                            text-align: center;
                            font-weight: 600;
                            color: #F5F4FD;
                            line-height: 0.56rem;

                            &.active {
                                background: url(../img/ceremony/leg2/tab2.png)top center no-repeat;
                                background-size: 100% 100%;
                            }
                        }
                    }
                    .rankList {
                        display: flex;
                        flex-wrap: wrap;
                        justify-content: flex-start;
                        width: 6.74rem;
                        max-height: 9.8rem;
                        overflow-y: scroll;
                        overflow-x: hidden;
                        padding-bottom: 0.15rem;
                        margin-top: 0.4rem;
    
                        .empty-data {
                            margin: 2.8rem auto;
                        }
    
                        li {
                            width: 1.84rem;
                            height: 1.64rem;
                            background: url(../img/ceremony/leg3/itemBg.png)top center no-repeat;
                            background-size: 100% 100%;
                            display: flex;
                            flex-direction: column;
                            align-items: center;
                            justify-content: center;
                            margin: 0 0.18rem 0.08rem;
                            position: relative;
                            &.grey{
                                background: url(../img/ceremony/leg3/itemBg2.png)top center no-repeat;
                                background-size: 100% 100%;
                            }
                            .headImg {
                                width: 0.62rem;
                                height: 0.62rem;
                                background: #F1D8C4;
                                border: 0.03rem solid #FAF4FF;
                                border-radius: 50%;
                            }
    
                            .online {
                                width: 0.17rem;
                                height: 0.17rem;
                                position: absolute;
                                top: 0.67rem;
                                left: 1.1rem;
                            }
    
                            p {
                                display: flex;
                                flex-direction: column;
                                width: 0.8rem;
                                margin-left: 0.05rem;
    
                                span {
                                    width: 100%;
                                    text-align: center;
                                    font-size: 0.18rem;
                                    color: #FFFFFF;
    
                                    &:first-child {
                                        font-size: 0.22rem;
                                        font-weight: bold;
                                        margin-bottom: 0.05rem;
                                    }
                                }
                            }
    
                            i {
                                display: block;
                                min-width: 0.22rem;
                                padding: 0 0.02rem;
                                height: 0.24rem;
                                background: linear-gradient(0deg, #FEF4BA, #FFFCCE);
                                border-radius: 0.14rem 1px 0.14rem 1px;
                                position: absolute;
                                top: 0;
                                left: 0.11rem;
                                font-size: 0.16rem;
                                text-align: center;
                                line-height: 0.24rem;
                                color: #FF8004;
                            }
                            .taotai{
                                position: absolute;
                                top: 0.07rem;
                                right: 0.2rem;
                                font-size: 0.18rem;
                                background-color: #FF4E5A;
                                line-height: 0.2rem;
                                border-radius: 0.1rem;
                                padding: 0 0.04rem;
                            }
                        }
                    }
                }
                .bottomBg{
                    position: absolute;
                    bottom: -0.08rem;
                    width: 3.67rem;
                    height: 0.21rem;
                    background: url(../img/ceremony/leg3/border.png) top center no-repeat;

                }
            }
            .saikuang{
                .rule {
                    width: 6.7rem;
                    height: 1.3rem;
                    background: rgba(255, 255, 255, 0.5);
                    border-radius: 0.2rem;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    flex-direction: column;
                    text-align: center;
                    margin: 0.4rem auto 0;
    
                    p {
                        width: 85%;
                        text-align: left;
                        font-size: 0.22rem;
                        color: #6B6B6B;
                        line-height: 0.34rem;
                        span {
                            color: #FF6969;
                        }
    
                    }
                }
    
                .rankBox_box {
                    width: 6.7rem;
                    // height: 7rem;
                    margin: 0.6rem auto 0;
                    border-radius: 0.2rem;
                    background: linear-gradient(0deg, #EFBF63, #FBEFC6);
                    display: flex;
                    align-items: center;
                    justify-content: center;
    
                    .rankBox {
                        width: 6.66rem;
                        // height: 6.96rem;
                        padding-bottom: 0.2rem;
                        background: #f5f3ff;
                        border-radius: 0.2rem;
    
                        .rankTab {
                            width: 90%;
                            display: flex;
                            align-items: center;
                            justify-content: space-between;
                            position: relative;
                            margin: -0.28rem auto 0.4rem;
    
                            p {
                                width: 3.68rem;
                                height: 0.22rem;
                                background: url(../img/ceremony/leg2/border.png)top center no-repeat;
                                background-size: 100% 100%;
                                position: absolute;
                                top: 50%;
                                left: 50%;
                                transform: translate(-50%, -50%);
                            }
    
                            li {
                                width: 2.2rem;
                                height: 0.56rem;
                                background: url(../img/ceremony/leg2/tab2_a.png)top center no-repeat;
                                background-size: 100% 100%;
                                cursor: pointer;
                                user-select: none;
                                position: relative;
                                z-index: 2;
                                font-size: 0.28rem;
                                text-align: center;
                                font-weight: 600;
                                color: #F5F4FD;
                                line-height: 0.56rem;
    
                                &.active {
                                    background: url(../img/ceremony/leg2/tab2.png)top center no-repeat;
                                    background-size: 100% 100%;
                                }
                            }
                        }
                        .winRank{
                            position: relative;
                            width: 6rem;
                            // height: 4.27rem;
                            margin: 0 auto;
                            .taotaiInfo{
                                padding: 0 0.1rem;
                                margin-bottom: 0.3rem;
                                color: #4e5053;
                                background-color: #E2E9F3;
                                line-height: 0.4rem;
                                border-radius: 0.2rem;
                                .til{
                                    display: flex;
                                    justify-content: space-around;
                                    align-items: center;
                                    font-size: 0.2rem;
                                    >div{
                                        width: 19%;
                                        text-align: center;
                                    }
                                }
                                .item{
                                    display: flex;
                                    justify-content: space-around;
                                    align-items: center;
                                    font-size: 0.22rem;
                                    border-top: 1px solid #fff;
                                    >div{
                                        width: 19%;
                                        text-align: center;
                                    }
                                    .rankNum{
                                        color: #000;
                                    }
                                    .lostNum,.jinjiNum{
                                        // width: 1.3rem;
                                        height: 0.34rem;
                                        text-align: center;
                                        border-radius: 0.06rem;
                                        background-color: #A2BCE2;
                                    }
                                }
                            }
                            .list.list2{
                                position: relative;
                                width: 5.98rem;
                                padding: 0 0.26rem 0.2rem;
                                margin-left: -0.26rem;
                                margin-top: 0.4rem;
                                border: 2px solid #C86DFF;
                                border-radius: 0.3rem;
                                overflow: visible;
                                .goTop{
                                    top: 0.2rem;
                                    right: 0.17rem;
                                }
                                .groupTil{
                                    width: 1.5rem;
                                    height: 0.36rem;
                                    margin: -0.18rem auto 0;
                                    border-radius: 0.18rem;
                                    background-color: #C86DFF;
                                    text-align: center;
                                    line-height: 0.36rem;
                                    font-weight: bold;
                                }
                                .grey{
                                    background: url(../img/ceremony/leg3/taotai-m.png)top left no-repeat;
                                    background-size: auto 100%;
                                }
                                .itemWrap{
                                    height: 4.5rem;
                                    overflow-x: hidden;
                                    overflow-y: scroll;
                                }
                            }
                            .til{
                                display: flex;
                                justify-content: space-around;
                                font-size: 0.20rem;
                                color: #6b6b6b;
                                text-align: center;
                                .rankNum{
                                    width: 20%;
                                }
                                .nick{
                                    width: 25%;
                                }
                                .uid{
                                    width: 20%;
                                }
                                .wins{
                                    width: 35%;
                                }
                            }
                            .list{
                                height: 5rem;
                                padding-right: 0.1rem;
                                overflow-x: hidden;
                                overflow-y: scroll;
                                .item{
                                    .itemWrap{
                                        display: flex;
                                        justify-content: space-around;
                                        height: 0.4rem;
                                        margin-top: 0.22rem;
                                        background-color: #E2E9F3;
                                        border-radius: 0.13rem;
                                        line-height: 0.4rem;
                                        font-size: 0.22rem;
                                        color: #6b6b6b;
                                        text-align: center;
                                        .rankNum{
                                            width: 20%;
                                            color: #000;
                                        }
                                        .nick{
                                            width: 25%;
                                        }
                                        .uid{
                                            width: 20%;
                                        }
                                        .wins{
                                            width: 35%;
                                            background-color: #C86DFF;
                                            border-radius: 0.13rem;
                                            color: #fff;
                                        }
                                        &.grey{
                                            background-color: #E0E0E0;
                                            .wins{
                                                background-color: #949494;
                                            }
                                        }
                                    }
                                    .devideLine{
                                        display: flex;
                                        align-items: center;
                                        justify-content: space-around;
                                        width: 6rem;
                                        margin-top: 0.22rem;
                                        font-size: 0.18rem;
                                        color: #686868;
                                        span{
                                            width: 2rem;
                                            height: 1px;
                                            background-color: #E0E0E0;
                                            vertical-align: middle;
                                        }
                                    }
                                }
                            }
                        }
                        .saicheng{
                            .tab2 {
                                width: 6.6rem;
                                height: 0.6rem;
                                background: #E2E9F3;
                                border-radius: 0.2rem;
                                margin: 0.4rem auto 0;
                                overflow-x: scroll;
                                overflow-y: hidden;
                                .tabWrap{
                                    display: flex;
                                    width: fit-content;
                                    justify-content: center;
                                    align-items: center;
                                    // width: 10.8rem;
                                    height: 0.6rem;
                                }
                                li {
                                    width: 1.5rem;
                                    height: 0.5rem;
                                    background: url(../img/ceremony/leg2/tab1.png)top center no-repeat;
                                    background-size: 100% 100%;
                                    cursor: pointer;
                                    user-select: none;
                                    font-size: 0.2rem;
                                    text-align: center;
                                    font-weight: 600;
                                    color: #F5F4FF;
                                    line-height: 0.5rem;
                    
                                    &:nth-child(1) {
                                        background: url(../img/ceremony/leg2/tab.png)top center no-repeat;
                                        background-size: 100% 100%;
                                    }
                    
                                    &.active {
                                        background: url(../img/ceremony/leg2/tab1_a.png)top center no-repeat;
                                        background-size: 100% 100%;
                                        color: #FFFEB0;
                                    }
                    
                                    &:nth-child(1) {
                                        &.active {
                                            background: url(../img/ceremony/leg2/tab_a.png)top center no-repeat;
                                            background-size: 100% 100%;
                                            color: #FFFEB0;
                                        }
                                    }
                    
                                }
                            }
                            .pkConfig{
                                // display: flex;
                                // flex-wrap: wrap;
                                .item{
                                    position: relative;
                                    display: flex;
                                    width: 5.9rem;
                                    height: 1.05rem;
                                    margin: 0.4rem auto 0;
                                    background: #E2E9F3 url(../img/ceremony/leg3/bg-config-m.png) center center no-repeat;
                                    background-size: 5.74rem 0.88rem;
                                    border-radius: 0.2rem;
                                    .score{
                                        position: absolute;
                                        top: 50%;
                                        left: 50%;
                                        width: 0.9rem;
                                        margin: -0.16rem 0 0 -0.45rem;
                                        line-height: 0.32rem;
                                        font-size: 0.3rem;
                                        color: #000;
                                        border-radius: 0.12rem;
                                        background-color: #fff;
                                        text-align: center;
                                    }
                                    .left,.right{
                                        position: relative;
                                        width: 50%;
                                        display: flex;
                                        flex-direction: column;
                                        align-items: center;
                                        .win{
                                            position: absolute;
                                            bottom: 0.25rem;
                                            left: 0.2rem;
                                            width: 0.5rem;
                                            height: 0.5rem;
                                        }
                                        .txWrap{
                                            margin-top: -0.24rem;
                                            position: relative;
                                            .headImg{
                                                width: 0.56rem;
                                                height: 0.56rem;
                                                background: #F1D8C4;
                                                border: 0.03rem solid #FAF4FF;
                                                border-radius: 50%;
                                            }
                                            .online{
                                                width: 0.17rem;
                                                height: 0.17rem;
                                                position: absolute;
                                                top: 0.42rem;
                                                left: 0.37rem;
                                            }
                                        }
                                        .uname,.uid{
                                            font-size: 0.2rem;
                                        }
                                        .dabiao{
                                            position: absolute;
                                            left: -0.1rem;
                                            line-height: 0.18rem;
                                            border-radius: 0.07rem;
                                            background-color: #FF4351;
                                            font-size: 0.16rem;
                                            color: #fff7c1;
                                            padding: 0.02rem 0.05rem;
                                            &.grey{
                                                background-color: grey;
                                                color: #fff;
                                            }
                                        }
                                    }
                                    .right{
                                        .win{
                                            left: auto;
                                            right: 0.2rem;
                                        }
                                        .dabiao{
                                            left: auto;
                                            right: -0.1rem;
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
            .rankAward {
                .awardRule {
                    margin: 0.4rem auto 0;
                    font-size: 0.2rem;
                    text-align: center;
                    width: 100%;
                    color: #6B6B6B;
                }

                .awardImg {
                    width: 6rem;
                    height: 1.64rem;
                    background: url(../img/ceremony/leg2/award.png)top center no-repeat;
                    background-size: 100% 100%;
                    margin: 0.2rem auto;
                    display: flex;
                    align-items: center;
                    justify-content: space-around;

                    div {

                        &:first-child,
                        &:nth-child(3) {
                            display: flex;
                            flex-direction: column;
                            align-items: center;
                            justify-content: center;

                            p {
                                &:first-child {
                                    width: 0.88rem;
                                    height: 0.88rem;
                                    background: url(../img/list/user/giftBg.png)top center no-repeat;
                                    background-size: 100% 100%;
                                    display: flex;
                                    align-items: center;
                                    justify-content: center;

                                    img {
                                        width: 60%;
                                        height: 60%;
                                    }
                                }

                                &:nth-child(2) {
                                    font-size: 0.2rem;
                                    margin-top: 0.1rem;
                                    color: #6C6C6C;

                                    span {
                                        color: #FF6969;
                                    }
                                }
                                &.pkWins{
                                    width: 1.07rem;
                                    height: 1.07rem;
                                    background: url(../img/ceremony/leg3/PK.png)top center no-repeat;
                                    background-size: 100% 100%; 
                                }
                            }
                        }

                        &:nth-child(2) {
                            width: 0.53rem;
                            height: 0.78rem;
                            background: url(../img/ceremony/leg2/awardTxt.png)top center no-repeat;
                            background-size: 100% 100%;
                            font-size: 0.2rem;
                            text-align: center;
                            color: #0D0D0D;
                            line-height: 0.78rem;
                            margin-left: -0.7rem;
                        }
                    }
                }

                .awardInfo {
                    width: 6rem;
                    height: 0.8rem;
                    background: #E3E9F3;
                    border-radius: 0.12rem;
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    justify-content: center;
                    margin: 0 auto 0.4rem;

                    li {
                        margin: 0 auto;
                        width: 95%;
                        display: flex;
                        height: 0.35rem;

                        p {
                            flex: 1;
                            text-align: center;
                            font-size: 0.2rem;
                            color: #6B6B6B;
                            line-height: 0.35rem;
                        }

                        &:first-child {
                            border-bottom: 1px solid #F5F3FF;

                            p {
                                font-size: 0.2rem;
                            }
                        }
                    }
                }
            }

        }
    }

    .rankBox_box {
        width: 6.4rem;
        padding: .02rem 0;
        margin: .60rem auto 0;
        border-radius: .20rem;
        background: linear-gradient(0deg, #EFBF63, #FBEFC6);
        display: flex;
        align-items: center;
        justify-content: center;

        .rankBox {
            width: 6.36rem;
            // height: 696rem;
            background: #f5f3ff;
            border-radius: .20rem;
        }
    }

    .rankTab {
        width: 90%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative;
        margin: -.28rem auto 0;

        p {
            width: 3.68rem;
            height: .22rem;
            background: url(../img/ceremony/leg2/border.png)top center no-repeat;
            background-size: 100% 100%;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

        li {
            width: 2.20rem;
            height: .56rem;
            background: url(../img/ceremony/leg2/tab2_a.png)top center no-repeat;
            background-size: 100% 100%;
            cursor: pointer;
            user-select: none;
            position: relative;
            z-index: 2;
            font-size: .28rem;
            text-align: center;
            font-weight: 600;
            color: #F5F4FD;
            line-height: .56rem;

            &.active {
                background: url(../img/ceremony/leg2/tab2.png)top center no-repeat;
                background-size: 100% 100%;
            }
        }
    }

    .leg4 {
        width: 6.86rem;
        padding-bottom: .50rem;
        background: url(../img/list/user/userBg.png)top center no-repeat;
        background-size: 100% 100%;
        margin: .40rem auto 0;
        padding-top: .01rem;

        .tab {
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 5.30rem;
            margin: .20rem auto 0;
            background: url(../img/ceremony/leg4/icon.png)center center no-repeat;
            background-size: .40rem .68rem;

            li {
                width: 2.54rem;
                height: .66rem;
                background: url(../img/ceremony/leg4/tab.png)top center no-repeat;
                background-size: 100% 100%;
                cursor: pointer;
                user-select: none;

                p {
                    font-size: .30rem;
                    font-family: eryaxindahei;
                    font-weight: 800;
                    color: #FFFFFF;
                    text-align: center;
                    line-height: .66rem;
                }

                &.active {
                    background: url(../img/ceremony/leg4/tab-a.png)top center no-repeat;
                    background-size: 100% 100%;
                }

                &:nth-child(2) {
                    transform: rotateY(180deg);

                    p {
                        transform: rotateY(-180deg);
                    }
                }
            }
        }

        .ruleIntro {
            width: 5.4rem;
            padding: 0 .50rem;
            height: 1.30rem;
            background: rgba(255, 255, 255, 0.5);
            border-radius: .20rem;
            margin: .30rem auto 0;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: .22rem;
            color: #6B6B6B;
            line-height: .32rem;
        }

        .rankBox_box .rankBox {
            .riseRank {
                margin: .30rem auto;

                .rankList {
                    width: 98%;
                    max-height: none;
                    margin: 0 auto;

                    li {
                        width: 3.05rem;
                        height: 1.25rem;
                        background: url(../img/ceremony/leg4/item.png)top center no-repeat;
                        background-size: 100% 100%;
                        margin: 0rem .03rem .05rem;

                        .online {
                            top: 0.8rem;
                            left: 0.8rem;
                        }

                        .headImg {
                            width: .62rem;
                            height: .62rem;
                        }

                        p {
                            width: 1.62rem;
                            margin-right: .1rem;

                            span {
                                text-align: left;
                                margin-bottom: 0;

                                &:first-child {
                                    font-size: .24rem;
                                }

                                &:nth-child(2) {
                                    font-size: .22rem;
                                }

                                &:nth-child(3) {
                                    width: 1.62rem;
                                    padding: 0 .04rem;
                                    height: .26rem;
                                    background: #B135AB;
                                    border-radius: .04rem;
                                    line-height: .26rem;
                                    font-size: .18rem;
                                }
                            }
                        }

                        &.loser {
                            background: url(../img/ceremony/leg4/item_n.png)top center no-repeat;
                            background-size: 100% 100%;

                            p {
                                span:nth-child(3) {
                                    background: #676767;
                                }
                            }

                            i {
                                background: linear-gradient(0deg, #EEEEEE, #F9F9F9);
                                color: #7B7B7B;
                            }
                        }
                    }
                }
            }
        }

        .pkRace {
            .raceListBox {
                display: flex;
                flex-wrap: wrap;
                margin: 0 auto;

                li {
                    width: 5.94rem;
                    height: 1.46rem;
                    background: url(../img/ceremony/leg4/pkItem-m.png)top center no-repeat;
                    background-size: 100% 100%;
                    display: flex;
                    align-items: center;
                    justify-content: space-around;
                    margin: .20rem auto;

                    .infoBox {
                        display: flex;
                        flex-direction: column;
                        align-items: center;
                        flex: 1;
                        height: 1.56rem;
                        margin-top: -.30rem;
                        position: relative;

                        .info {
                            display: flex;
                            flex-direction: column;
                            align-items: center;
                            position: relative;
                            left: .10rem;

                            &.info2 {
                                left: -.13rem;
                            }

                            .headImg {
                                width: .56rem;
                                height: .56rem;
                                background: #F7D3BE;
                                border: .02rem solid #FFFFFF;
                                border-radius: 50%;
                            }

                            .online {
                                width: .17rem;
                                height: .17rem;
                                position: absolute;
                                top: 0.43rem;
                                left: 1.1rem;
                            }

                            .win {
                                position: absolute;
                                top: .6rem;
                                left: -.32rem;
                                width: .5rem;
                                height: .49rem;
                                background: url(../img/ceremony/leg4/win-m.png)top center no-repeat;
                                background-size: 100% 100%;

                                &.win2 {
                                    left: 1.85rem;
                                }
                            }

                            p {
                                width: 2rem;
                                display: flex;
                                align-items: center;
                                justify-content: center;
                                flex-direction: column;

                                span {
                                    width: 60%;
                                    font-size: .2rem;
                                    color: #FFFFFF;
                                    text-align: center;

                                    &:first-child {
                                        font-weight: bold;
                                    }
                                }
                            }
                        }

                        .tickets {
                            width: 2.06rem;
                            height: .22rem;
                            background: rgba(0, 0, 0, 0.2);
                            border-radius: .10rem;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            position: relative;
                            left: .22rem;

                            span {
                                color: #FFFFFF;
                                font-size: .2rem;

                                &:first-child {
                                    font-size: .18rem;
                                }
                            }

                            &.tickets2 {
                                left: -.10rem;
                            }
                        }

                        .isDone {
                            width: 1.1rem;
                            height: .18rem;
                            border: .01rem solid #fff;
                            border-radius: .07rem;
                            font-size: .16rem;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            background: #8E8E8E;
                            position: absolute;
                            top: 0.2rem;
                            left: -0.1rem;

                            &.active {
                                background: #FF5858;
                                color: #FFF7C1;
                            }

                            &.isDone2 {
                                left: unset;
                                right: -0.1rem;
                            }
                        }

                        .lastScore {
                            width: 1.72rem;
                            height: .2rem;
                            background: #7223D4;
                            border-radius: .07rem;
                            border: .01rem solid #fff;
                            font-size: .16rem;
                            text-align: center;
                            line-height: .2rem;
                            color: #FFFFFF;
                            margin: .05rem 0 0 0rem;
                            position: relative;
                            left: .20rem;

                            &.active {
                                background: #4780E9;
                            }

                            &.lastScore2 {
                                left: -.03rem;
                            }
                        }
                    }

                    .pk {
                        width: .9rem;
                        height: .32rem;
                        background: #F5F3FF;
                        border-radius: .16rem;
                        font-size: .3rem;
                        text-align: center;
                        line-height: .32rem;
                        font-weight: 600;
                        color: #000000;
                        flex-shrink: 0;
                        position: relative;
                        left: -.10rem;
                    }

                    &.pkNoData {
                        width: 5.93rem;
                        height: 1.24rem;
                        background: url(../img/ceremony/leg4/noData-m.png)top center no-repeat;
                        background-size: 100% 100%;
                        margin: .50rem auto;
                    }
                }
            }
        }

        .finalRank {
            .topThr {
                display: flex;
                flex-wrap: wrap;
                width: 100%;
                padding: .40rem 0;
                justify-content: center;

                li {
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    flex-shrink: 0;

                    .imgBox {
                        width: 1.19rem;
                        height: 1.33rem;
                        background: url(../img/ceremony/leg4/top2.png)top center no-repeat;
                        background-size: 100% 100%;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        position: relative;

                        .headImg {
                            width: .79rem;
                            height: .79rem;
                            border-radius: 50%;
                            margin: -.40rem 0 0rem .01rem;
                        }

                        .online {
                            width: .17rem;
                            height: .17rem;
                            position: absolute;
                            top: .08rem;
                            right: .20rem;
                        }

                        .rankNo {
                            width: .37rem;
                            height: .29rem;
                            background: url(../img/ceremony/leg4/rank3.png)top center no-repeat;
                            background-size: 100% 100%;
                            position: absolute;
                            bottom: .30rem;
                            left: .38rem;
                        }
                    }

                    .info {
                        display: flex;
                        align-items: center;

                        span {
                            width: 1.1rem;
                            font-size: .24rem;
                            color: #151515;

                            &:first-child {
                                font-weight: bold;
                            }
                        }
                    }

                    .finalScore {
                        width: 2.3rem;
                        height: .26rem;
                        background: #E3E9F3;
                        border-radius: .13rem;
                        display: flex;
                        align-items: center;
                        margin-top: .05rem;

                        span {
                            flex-shrink: 0;

                            &:first-child {
                                width: .8rem;
                                height: .26rem;
                                background: #9A8CF8;
                                border-radius: .13rem;
                                font-size: .2rem;
                                text-align: center;
                                line-height: .26rem;
                                color: #FFFFFF;
                            }

                            &:nth-child(2) {
                                flex: 1;
                                font-size: .22rem;
                                text-align: center;
                                color: #151515;
                            }
                        }
                    }

                    &:first-child {
                        margin: 0 1.40rem;

                        .imgBox {
                            width: 3.65rem;
                            height: 1.54rem;
                            background: url(../img/ceremony/leg4/top1.png)top center no-repeat;
                            background-size: 100%;

                            .headImg {
                                width: .91rem;
                                height: .91rem;
                                margin: -.44rem 0 0rem -.01rem;
                            }

                            .rankNo {
                                bottom: .33rem;
                                left: 1.64rem;
                                background: url(../img/ceremony/leg4/rank1.png)top center no-repeat;
                                background-size: 100% 100%;
                            }

                            .online {
                                top: .12rem;
                                right: 1.42rem;
                            }
                        }
                    }

                    &:nth-child(2) {
                        .imgBox {
                            .rankNo {
                                background: url(../img/ceremony/leg4/rank2.png)top center no-repeat;
                                background-size: 100% 100%;
                            }
                        }
                    }

                    &:nth-child(2),
                    &:nth-child(3) {
                        margin: 0rem .40rem;
                    }
                }
            }

            .topFour {
                width: 90%;
                margin: 0 auto .40rem;

                li {
                    width: 5.80rem;
                    height: .76rem;
                    background: #E3E9F3;
                    border-radius: .20rem;
                    display: flex;
                    align-items: center;
                    margin: 0 auto .10rem;

                    div {
                        height: 80%;
                        flex: 1;
                        text-align: center;
                        display: flex;
                        align-items: center;
                        justify-content: center;

                        &:first-child {
                            font-size: .5rem;
                            line-height: .76rem;
                            font-weight: 600;
                            color: #A0A8B6;
                        }

                        &:nth-child(2) {
                            width: 2.40rem;
                            flex: none;
                            border-left: .01rem solid #fff;
                            border-right: .01rem solid #fff;
                            position: relative;

                            .headImg {
                                width: .60rem;
                                height: .60rem;
                                border: .02rem solid #FFFFFF;
                                border-radius: 50%;
                            }

                            .online {
                                width: .17rem;
                                height: .17rem;
                                position: absolute;
                                top: .44rem;
                                left: .7rem;
                            }

                            p {
                                display: flex;
                                flex-direction: column;
                                align-items: flex-start;
                                margin-left: .10rem;

                                span {
                                    width: 1.20rem;
                                    text-align: left;
                                    font-size: .2rem;
                                    color: #151515;
                                    line-height: .3rem;

                                    &:first-child {
                                        font-size: .22rem;
                                        font-weight: bold;
                                    }
                                }
                            }
                        }

                        &:nth-child(3) {
                            font-size: .24rem;
                            color: #151515;
                        }
                    }

                    &:first-child {
                        height: .3rem;
                        background: unset;

                        div {
                            font-size: .2rem;
                            color: #6B6B6B;
                            line-height: .3rem;
                            border: none;
                            font-weight: normal;
                        }
                    }
                }
            }
        }
    }
}